<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>类选择器</title>
    <style>
        /*
        类选择器 语法:
        .自定义类名{
        各种样式}
        在使用的时候,哪个html标签想用这个样式
        就在那个html标签中通过class属性 添加上这个样式的类名


        一个html标签,可以有多个css的样式类在起作用, 类选择器
        就是谁使用,谁生效
        如果,多个类选择器 作用在同一个标签上的同一个属性
        那么 哪个离 标签近,就使用哪个

        类选择器是自己命名的 命名规则
        1.不能用数字开头来定义类名
        2.不能使用 特殊符号开头来定义类名
        3.不建议使用汉字
        4.尽量不要跟已有属性名重复
        */
        .poem-title {
            color: red;
            font-size: 30px;
            background-color: lime;
            text-align: center;
        }
        .txt{
            color: aqua;
            background-color: brown;

        }
        .text-right{
            text-align: right;
        }
    </style>
</head>
<body>
<p class="poem-title">
    七步诗
</p>
<p class="txt text-right">煮豆燃豆萁</p>
<p class="txt text-right">豆在釜中泣</p>
<p class="poem-title">本是同根生</p>
<p class="poem-title">相煎何太急</p>

</body>
</html>